#user{
    width: 100%;min-height:762px;
    background: #F2F2F2;
    padding-top: 30px;
    .index{
        min-height: 762px;
        width: 1240px;
        margin: 0 auto;
        .member{
            min-height: 762px;
            width: 157px;
            float: left;
            ul{
                background: white;
          
            li{
                width: 155px;
                height: 43px;
                a{
                    line-height: 43px;
                    color: #333333;
                    margin-left: 30px;
                    text-align: center;
                    &:hover{
                    	color:#82C92F;
                    }
                }
                span{
                    color: #CCCCCC;
                    font-size: 15px;
                    margin-left: 40px;
                }
                i{
                    
                    display: block;
                    float: left;
                    height: 43pxpx;
                    width: 28px;

                    
                }
            }
            }
            li:nth-child(1){
                width: 157px;
                background: #82C92F;
                text-align: center;
                position: relative;
                p{
                    height: 5px;
                    width: 5px;
                    background: white;
                    position: absolute;
                    border-radius: 50%;
                    left: 30px;
                    top: 20px;
                }
                span{
                    color: white;line-height:43px;
                    margin-left: -20px;
                }
                i{
                    
                    display: block;
                    float: left;
                    height: 0px;
                    width: 0px;
                    border-top: 21px solid #7ABD2C;
                    border-right: 14px solid #82C92F;
                    border-bottom: 22px solid #7ABD2C;
                    border-left: 14px solid #7ABD2C;
                    
                }
            }
        }
    .right{
        // height:762px;
      .hd2{
        background: #ffffff;
        width: 1060px;
        min-height: 762px;
        float:right;
        margin-left: 16px;
        // display: -webkit-flex;
        // display: flex;
        // flex-wrap: wrap;

        button{
          width: 60px;
          height: 40px;
          background: #82C92F;

          color:white;
          &:hover{
            background: #23AC38;
          }

        }
        .myLike{
          width: 1060px;
          height: 50px;
          span{
            color: #82C92F;
            font-size: 20px;
            font-weight: 800;
            line-height: 60px;
            padding-left: 40px;

          }


        }
        .bottom{
          width: 1020px;float:right;
          min-height: 248px;
          display: -webkit-flex;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          // margin-bottom: 500px;
          padding:0 20px;

          .img{
            width: 200px;height: 245px;border-bottom:1px solid #ccc;
            p{
              text-align: center;display:block;width:200px;overflow: hidden;height:25px;text-overflow: ellipsis;
              white-space: nowrap;
            }
            .p1{
                color:red;
            }
            &:hover .hd3{
              display: block;
            }
             a:hover{
                    color:#82C92F;
                }
            img{
              width: 120px;
              height: 145px;
              margin-left: 35px;
            }

            .hd3{
              display: none;

              a{
                display:inline-block;
                margin-left: 20px;
                margin-top: 10px;
                padding:0 7px;

              }
              .qx{
                border:#DDDDDD 1px solid;
                &:hover{
                  background: #A7A7A7;
                  color:white;
                }
              }
              .join{
                  background: #FB7923;
                  color:white;padding:0 10px;

              }
            }



          }
        }

      }


    }
    }
}